import React from 'react';
import {SIZE} from "@/static/enum";
import {Radio} from "antd";

const SelectSize = (props: any) => {
  return (
    <Radio.Group
      buttonStyle="solid"
      value={props.size}
      onChange={(data) => props.getSize(data.target.value)}
    >
      {
        SIZE.map((item: string) => {
          return <Radio.Button
            className="chart-button bg-[#ECECEC] w-9 h-9 m-2 text-center size-radio ant-radio-button-wrapper"
            key={item}
            value={item}
          >
            {item}
          </Radio.Button>
        })
      }
    </Radio.Group>
  );
};

export default SelectSize;
